<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="maqettadocs.css" />
<title>Maqetta User Guide: Widget Reference - Overview</title>
</head>
<body class="maqettadocs">
<!-- Header -->
<!--
<iframe src ="header.html" width="100%" height="60" frameborder="0" scrolling="no" >
  <p>Your browser does not support iframes.</p>
</iframe> 
-->
<div id="pagebody">

<table class="breadcrumbs noprint"><tr>
	<td>
	<a href="home.html">Home</a> &gt; <a href="userguide.html">User Guide</a> &gt; <a href="widgetref/widgetRef.html">Widget Reference</a>    
	</td>
    <td class="prevnext">
	<a href="widgetref/widgetRef.html">Previous</a> / <a href="widgetref/ma_dojowidgets.html">Next</a>
    </td></tr>
</table>


<a name="overview"><h1>Overview</h1></a>

<ul>
<li><a href="#libraries">Widget Libraries</a></li>
<li><a href="#palette">The Widget Palette</a></li>
<li><a href="#filter">Filter...</a></li>
</ul>

<p>The Maqetta Widget palette contains <a href="http://en.wikipedia.org/wiki/GUI_widget" rel="external">GUI widgets</a> and 
<a href="http://en.wikipedia.org/wiki/HTML" rel="external">HTML tags</a> that are the building blocks for mocking up web pages in Maqetta.</p>

<p>In this section, the term <em>widget</em> refers to both widgets and HTML tags. While HTML tags are technically not widgets, 
in Maqetta they behave in a similar fashion in that they are objects that can be dragged and dropped onto the canvas, 
and can be customized by setting their properties using the Styling and Object palettes. See the <a href="html">HTML</a> 
section for a comparison of the differences between widgets and HTML tags.</p>

<a name="libraries"><h2>Widget Libraries</h2></a>
<p>Maqetta uses widgets from the following open source Javascript widget libraries:
<ul>
<li><a href="http://www.dojotoolkit.org/" rel="external">Dojo Toolkit</a> - 
an open source Javascript toolkit (or library) managed by the 
<a href="http://en.wikipedia.org/wiki/Dojo_Toolkit#Dojo_Foundation_and_sponsorship" rel="external">Dojo Foundation</a>.</li>

</ul>

<p>The widgets under <a href="#dojocontrols">Dojo Controls</a> and <a href="#dojocontainers">Dojo Containers</a> 
are from the <a href="http://www.dojotoolkit.org/" rel="external">Dojo Toolkit</a> (or more specifically, from Dojo's UI Library <a href="http://www.dojotoolkit.org/reference-guide/dijit/index.html#dijit-index" rel="external">Dijit</a>).<br />
</p>

<a name="palette"><h2>The Widget Palette</h2></a>
<p>The widgets in the Widget palette are grouped into five sections: 
<a href="#dojocontrols">Dojo Controls</a>, <a href="#dojocontainers">Dojo Containers</a>, <a href="#html">HTML</a>, 
<a href="#ClipArt">Clip art</a>, and <a href="#DrawingTools">Drawing Tools</a>.</p>

<ul>
<li><a href="#dojocontrols">Dojo Controls</a> are widgets that are typically used on input forms, 
such as TextBox, ComboBox, CheckBox, RadioButton and Button.</li>
<li><a href="#dojocontainers">Dojo Containers</a> are widgets that can contain other widgets, and are typically used
for page layout; creating sections, windows or portals; or to delineate an aggregate or grouping of widgets.</li>
<li>The <a href="#html">HTML</a> section contains some common HTML tags such as DIV, SPAN and LABEL.</li>
</ul>  
 
<a name="filter"><h2>Filter...</h2></a>
  
  
<p class="prevnext"><a href="widgetref/widgetRef.html">Previous</a> / <a href="widgetref/ma_dojowidgets.html">Next</a></p>

</div>  <!-- pagebody -->

<!-- Footer -->
<!--
<iframe src ="footer.html" width="100%" height="60" frameborder="0" scrolling="no" >
  <p>Your browser does not support iframes.</p>
</iframe> 
-->
</body>
</html>